<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/easyui/demo/demo.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/util/DateFormat.js"></script>
<style type="text/css">
.menu_bt_1 {
	overflow:auto;
}
.menu_bt_2 {
	text-align: center; 
	border:1px #66b3ff solid;
	width:99%; height:30px; 
	background-color: #c4e1ff
}
</style>
<title>Insert title here</title>
</head>
	<body>
	<div id="main_body" class="easyui-layout" style="width:100%;height:680px">
	
		<!-- Title -->
	    <div data-options="region:'north',split:true" style="height:12%;"></div>
	    
	    <!-- 菜单 -->
	    <div data-options="region:'west',split:true" style="width:12%; padding: 0px;">
	    	<div id="menu_box" class="easyui-accordion" style="width:90%;height:100%; margin: 0px;">
			    <div title="我的图书" data-options="selected:true" class="menu_bt_1">
			    	<button class="menu_bt_2" onclick="changeCenter('我的图书','get', '${pageContext.request.contextPath}/go/mybooks')">
			    		我的图书
			    	</button>
			    </div>
			    <div title="图书查询" class="menu_bt_1" >
					<div class="menu_bt_2">
			    		<p>他人图书</p>
			    	</div>
			    	<div class="menu_bt_2">
			    		<p>查询作者</p>
			    	</div>
			    	<div class="menu_bt_2">
			    		<p>搜索</p>
			    	</div>
			    </div>
			    <div title="商店" class="menu_bt_1">
					content3
			    </div>
			</div>
	    </div>
	    
	    <!-- Center -->
	    <!-- easyui-center布局 -->
	    <div data-options="region:'center'" style="padding:0px;background:#eee;">
			<div class="easyui-tabs" style="width:100%;height:100%;padding:0px;margin:0px" id="centerTab">
			</div> 
	    </div>
	    
	</div>
</body>
</html>